<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>管理员后台</title>
</head>

<body>
<h1>管理员后台</h1>
<p>
    管理员账号:<input type="text" id="useraccount" name="useraccount" placeholder="输入账号"/>
</p>
<p>
    管理员密码:<input type="password" id="userpwd" name="userpwd" placeholder="输入密码"/>
</p>
<p>
    <input type="button" id="login" name="login" value="登录"/>
</p>

<script src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
    <!--js代码，使用jquery的ajax发送请求-->

    //1、监听用户的点击事件
    var btn = document.getElementById("login");
    console.log(btn);
    btn.onclick = function () {
        //2、使用dom对象获取到输入的内容
        var account = document.getElementById("useraccount").value;
        var password = document.getElementById("userpwd").value;

        //3、构建一个网络请求
        var config = {
            method: "GET",
            url: "/QfeduJava2401/manager?method=login&account=" + account + "&pwd=" + password,
            dataType: "application/json",
            async: true,
            success: function (resp) {
                //网络请求成功后，回调该处代码
                console.log(resp);
            },
        };
        $.ajax(config);
    }
</script>
</body>
</html>